<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>信贷一站通</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../favicon.ico" rel="shortcut icon" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style>
			.kr-article-banner {height: 8rem;position: relative;overflow: hidden; }
			.kr-article-cover {background-position: center;background-color: #ccc;background-size: cover;background-image: url(../images/banner2.jpg);background-repeat: no-repeat;width: 100%;height: 180px;position: relative;}
			.kr-article-cover img {width: 100%;}
			.kr-article-title {position: absolute;left: 15px;bottom: 15px;width: 90%;font-size: 22px;font-family: inherit;font-weight: 500;line-height: 21px;color: #0e0e0e;z-index: 11;}
			.kr-article-content {background: #fff;padding: 3px 5px 10px 5px;line-height: 1.8;font-size: 16px;}
			.kr-article-meta {padding: 10px 0 10px 20px;display: table;}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<!--顶部banner图 开始-->
			<div id="kr-article-banner" class="kr-article-banner">
				<div id="kr-article-cover" class="kr-article-cover">
					<img :src="cover">
				</div>
				<h2 id="article-title" class="kr-article-title"></h2>
			</div>
			<!--顶部banner图 结束-->
			<div class="kr-article-content">
				<!-- 文章作者、发布时间等信息 -->
				<div class="kr-article-meta">
					<!-- <div id="kr-article-author" class="kr-article-author">{{author}}</div>
					<div class="kr-article-text">发表于</div> -->
					<div class="kr-article-title"></div>
				</div>
				<!--文章详细内容-->
				<div id="article-content" class="kr-article-content" v-html="content"></div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-3.3.1.min.js"></script>
		<script src="../js/frame-utils.min.js"></script>
		<script src="../js/frame-setting.min.js?v=004"></script>
		<script type="text/javascript">
			mui.init();
			var id = getQuery("key");
			var articleCode = getQuery("articleCode");
			var url = serverUrl + articleShowApi + id;
			if (!isEmpty(articleCode)) {
				url = serverUrl + articleShowApi + "?articleCode=" + articleCode;
			}
			get(url, null, function(rsp) {
				if (!rsp.status) {
					mui.alert(rsp.msg, '提示', function() {});
					return;
				}
                //console.log(rsp);
				document.title = rsp.data.title + "_信贷一站通";
				$("#article-title").html(rsp.data.title);
				$("#article-content").html(rsp.data.content);
			});
		</script>
	</body>

</html>
